/*
 * @Author: xiaosihan 
 * @Date: 2024-06-21 21:20:38 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-08-25 09:19:39
 */


import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./quality.module.less";
import imgPNG from "./img.png";
import large_logoPNG from "./large_logo.png";

import green_ellipsePNG from "./绿色椭圆.png";
import purple_ellipsePNG from "./紫色椭圆.png";
import { LazyLoadImage } from 'react-lazy-load-image-component';

interface Iprops {
    children?: ReactNode
}

// 质量
export default function Quality() {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }), []);

    return (
        <div className={styles.quality} >
            <div className={styles.title} >从原型到生产交付，质量有保障</div>
            <div className={styles.subTitle} >零件的质量和准时交货由平台保证。均已通过了ISO 9001:2015.SO/IEC 90003、AS 9100D、ISO 13485:2016认证,可按需提供ITAR和EAR。</div>

            <LazyLoadImage className={styles.green_ellipse} src={green_ellipsePNG} alt="" />
            <LazyLoadImage className={styles.purple_ellipse} src={purple_ellipsePNG} alt="" />

            <LazyLoadImage className={styles.large_logoPNG} src={large_logoPNG} alt="" />
            <LazyLoadImage className={styles.img} src={imgPNG} alt="" />
        </div>
    );

}